﻿<div class="bg-light lter b-b wrapper-sm">
    <h1 class="m-n font-thin h4">用户管理/信息</h1>
</div>

<div class="wrapper-sm">
    <tabset class="tab-container" ng-init="steps={percent:20, step1:true, step2:false, step3:false, step4:false, step5:false, step6:false}">

        <tab heading="账户信息" active="steps.step1" select="steps.percent=20">

            <progressbar value="steps.percent" class="progress-xs" type="success"></progressbar>

            <form id="form" name="step1" class="form-validation form-horizontal" ng-controller="userAccountInfoCtrl">
                
                <fieldset ng-disabled="enableUserInfo">
                    <div class="form-group">
                        <label class="col-lg-2 control-label">手机号码<span class="text-danger">*</span></label>
                        <div class="col-lg-2">
                            <input type="tel" class="form-control input-sm" ng-model="driverPhone" placeholder="请填写驾驶员号码" name="driverPhone" ng-pattern="/^1\d{10}$/" required disabled>

                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-2 control-label">车牌号</label>
                        <div class="col-lg-2">
                            <input type="text" class="form-control uppercase input-sm" ng-model="carCode"  placeholder="请填写车牌号" name="carCode" ng-pattern="/^[\u4e00-\u9fa5]{1}[a-zA-Z]{1}[a-zA-Z_0-9]{5}$/">

                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-2 control-label">司机姓名</label>
                        <div class="col-lg-2">
                            <input type="text" class="form-control input-sm" ng-model="driver" placeholder="请填写驾驶员姓名"  name="driver">

                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-2 control-label">车型</label>
                        <div class="col-lg-2">
                            <select class="form-control input-sm" ng-model="carType" ng-options="x.text as x.text for x in cartypeList" >
                                <option value="">请选择</option>
                            </select>
                        </div>

                    </div>
                    <div class="form-group">
                        <label class="col-lg-2 control-label">车长</label>
                        <div class="col-lg-2">
                            <select class="form-control input-sm" ng-model="carLength" ng-options="x.text as x.text for x in carLengthList" >
                                <option value="">请选择</option>
                            </select>
                        </div>

                    </div>
                    <div class="form-group">
                        <label class="col-lg-2 control-label">核定载重</label>
                        <div class="col-lg-2">
                            <input type="text" ng-pattern="/^[0-9]+(.[0-9]{1,4})?$/" class="form-control input-sm" ng-model="bearing" placeholder="请填写核定载重" name="bearing">
                        </div>
                        <label class="control-label">吨</label>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-2 control-label">承运类别</label>
                        <div class="col-lg-2">
                            <select class="form-control input-sm" ng-model="carrierCategory" ng-options="x.value as x.text for x in carriercategoryList" >
                                <option value="">请选择</option>
                            </select>

                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-2 control-label">地址</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control input-sm" ng-model="address" placeholder="请填写地址" name="address">

                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-2 control-label">介绍说明</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control input-sm" ng-model="message" placeholder="请填写介绍说明" name="carSource">

                        </div>
                    </div>
                </fieldset>
                    <div class="form-group">
                        <div class="m-t m-b col-lg-4">
                            <button class="btn btn-sm btn-default btn-rounded pull-right m-l-sm"  ng-hide="enableUserInfo" ng-click="enableUserInfo = true;">取消</button>
                            <button class="btn btn-sm btn-default btn-rounded pull-right" ng-disabled="step1.$invalid" ng-click="carSave()" ng-hide="enableUserInfo">保存</button>
                            <button class="btn btn-sm btn-default btn-rounded pull-right" ng-click="enableUserInfo = false;" ng-show="enableUserInfo">更改</button>
                        </div>
                    </div>
            </form>

        </tab>
        <tab heading="实名认证" active="steps.step2" disabled="step1.$invalid" select="steps.percent=35" ui-sref="app.management.realname_authentication">
        </tab>
        <tab heading="常跑路线" active="steps.step3" disabled="step2.$invalid" select="steps.percent=50" ui-sref="app.management.running_route">
        </tab>

        <tab heading="关注路线" active="steps.step4" disabled="step3.$invalid" select="steps.percent=65" ui-sref="app.management.concern_route">
        </tab>

        <tab heading="我的银行卡" active="steps.step5" disabled="step4.$invalid" select="steps.percent=80" ui-sref="app.management.bank">
        </tab>
        <tab heading="诚信记录" active="steps.step6" disabled="step5.$invalid" select="steps.percent=100" ui-sref="app.management.evaluate">
        </tab>


    </tabset>
</div>
